<!DOCTYPE html>

<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>新闻站</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<link rel="stylesheet" href="index/bootstrap.css">
<link rel="stylesheet" href="index/animate.css">
<link rel="stylesheet" type="text/css" href="index/font-awesome.4.6.0.css">
<link rel="stylesheet" href="index/slick.css">
<link rel="stylesheet" href="index/settings.css">
<link rel="stylesheet" href="index/freeze.css">
<script type="text/javascript" src="index/modernizr.custom.32033.js"></script>
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
	header .navbar-default.scrolled .navbar-brand img{max-height:50px;}
	.tp-banner-container{padding-top:200px;height: 589px;}
	header .navbar-default.scrolled .navbar-brand { padding: 5px;}
	.tp11{width: 80%;margin: 0 auto;text-align: center;}
	.tp11 input{height: 50px;}
	.tl1{font-size:  80px;color: white; font-style: bold;}
	.slick-track{	width: 100%;}
	.logo{width: 200px;}
	  @media (max-width: 768px) { 
		.tp-banner-container{padding-top:130px;height: 289px;}
		.tl1{font-size: 30px;}
	  }
	  @media (min-width: 768px) and (max-width: 992px) {

	  	.tp-banner-container{padding-top:200px;height: 389px;}
	  	#geta{display: none}
	  }
</style>
</head>
<body style="">
<div class="pre-loader" style="display: none;">
	<div class="load-con">
		<img src="index/logo.png" class="animated fadeInDown" alt="">
		<div class="spinner">
			<div class="bounce1"></div>
			<div class="bounce2"></div>
			<div class="bounce3"></div>
		</div>
	</div>
</div>
<header>
	<nav class="navbar navbar-default navbar-fixed-top scrolled" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="fa fa-bars fa-lg"></span>
				</button>
				<a class="navbar-brand" href="index.html">
					<img src="index/logo.png" alt="" class="logo">
				</a>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#tp-banner-container">学习新思想</a></li>
					<li><a href="#about">红色中国</a></li>
					<li><a href="#reviews">学习科学</a></li>
					<li><a href="#screens">学习慕课</a></li>
				    <li id="geta"><a  href="#getApp">环球视野</a></li>
					<!--<li id="geta"><a class="getApp" href="#getApp">环球视野</a></li>-->
					<li><a href="#support">联系我们</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<div id="tp-banner-container" class="tp-banner-container" style="overflow: visible; ">
		<div class="tp11">
			<!--
			<input type="text" class="form-control" placeholder="请在此输入单号">
			<br>
			<a href="#about" class="btn btn-primary inverse btn-lg">查询</a>
		-->
		<p class="tl1">梦想从学习开始</p>
		<p class="tl1">事业从实践起步</p>
			
		</div>
	</div>
</header>
<div class="wrapper">
<section id="about">
	<div class="container">
		<div class="section-heading scrollpoint sp-effect3">
			<h1>红色中国</h1>
			<div class="divider"></div>
			<p>中华民族充满变革和开放精神，艰苦奋斗的精神一代代传承！</p>
		</div>
		<div class="row">
			<div class="col-md-3 col-sm-3 col-xs-6">
				<div class="about-item scrollpoint sp-effect2">
					<i class="fa fa-download fa-2x"></i>
					<h3>红色记忆</h3>
					<p>爱国主义教育基地、抗战纪念馆、红色旅游经典景区</p>
				</div>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-6">
				<div class="about-item scrollpoint sp-effect5">
					<i class="fa fa-mobile fa-2x"></i>
					<h3>党史学习</h3>
					<p>记录中国共产党的发展史和各个时期的经典党史故事、典故、活动等</p>
				</div>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-6">
				<div class="about-item scrollpoint sp-effect5">
					<i class="fa fa-users fa-2x"></i>
					<h3>科学知识</h3>
					<p>科技思想、科技创新、科技前沿、科技精神、当代科学家故事等</p>
				</div>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-6">
				<div class="about-item scrollpoint sp-effect1">
					<i class="fa fa-sliders fa-2x"></i>
					<h3>永远的丰碑</h3>
					<p>我们永远缅怀革命先烈，继承和发扬他们的革命精神！</p>
				</div>
			</div>
		</div>
	</div>
</section>

<section id="reviews">
<div class="container">
	<div class="section-heading inverse scrollpoint sp-effect3">
		<h1>学习科学</h1>
		<div class="divider"></div>
		<p>相信梦想，相信技术的力量</p>
	</div>
	<div class="row">
		<div class="col-md-10 col-md-push-1 scrollpoint sp-effect3">
			<div class="review-filtering slick-initialized slick-slider">
			
				<div class="slick-track review rollitin slick-slide slick-cloned">
					<div class="row">
						<div class="col-md-2">
							<div class="review-person">
								<img src="index/st1.jpg" alt="" class="img-responsive">
							</div>
						</div>
						<div class="col-md-10">
							<div class="review-comment">
								<h3>“中国以前长期被世界其他国家低估，近些年来，中国在世界崛起，又受到一些国家的挑衅，一些贸易战、经济战、科技站正在上演，中国人有必要、也有责任去维护和发展我们的国家”</h3>
								
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>
</section>


<section id="screens">
	<div class="container">
		<div class="section-heading scrollpoint sp-effect3">
			<h1>学习慕课</h1>
			<div class="divider"></div>
			<p>终身学习新学法，这里可全面扩展各行业知识</p>
		</div>
		<div class="filter scrollpoint sp-effect3">
			<a href="javascript:void(0)" class="button js-filter-all active">社会法律</a>
			<a href="javascript:void(0)" class="button js-filter-one">理工农医</a>
			<a href="javascript:void(0)" class="button js-filter-two">人文史哲</a>
			<a href="javascript:void(0)" class="button js-filter-three">政治经济</a>
		</div>
	</div>
</section>

<section id="getApp">
	<div class="container-fluid">
		<div class="section-heading inverse scrollpoint sp-effect3">
			<h1>环球视野</h1>
			<div class="divider"></div>
			<p>立足中国,放眼世界！</p>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="hanging-phone scrollpoint sp-effect2 hidden-xs">
					<img src="index/freeze-angled2.png" alt="">
				</div>
				<div class="platforms">
					<a href="#" class="btn btn-primary inverse scrollpoint sp-effect1">
						<!--<i class="fa fa-android fa-3x pull-left"></i>-->
						<span style="font-size:20px;">科技引领未来</span><br>
						<b style="font-size:25px;">科技</b>
					</a>
					<a href="#" class="btn btn-primary inverse scrollpoint sp-effect2">
						<!--<i class="fa fa-apple fa-3x pull-left"></i>-->
						<span style="font-size:20px;">教育改变现状</span><br>
						<b style="font-size:25px;">教育</b>
					</a>
				</div>
			</div>
		</div>
	</div>
</section>
<section id="support" class="doublediagonal">
	<div class="container">
		<div class="section-heading scrollpoint sp-effect3">
			<h1>联系我们</h1>
			<div class="divider"></div>
			<p>通过学习强校新闻站，我们一起了解和发展我们的家园</p>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="row">
					<div class="col-md-8 col-sm-8 scrollpoint sp-effect1">
						<form role="form">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="姓名">
							</div>
							<div class="form-group">
								<input type="email" class="form-control"  placeholder="邮箱">
							</div>
							<div class="form-group">
								<textarea cols="30" rows="10" class="form-control"  placeholder="请在此输入内容"></textarea>
							</div>
							<button type="submit" class="btn btn-primary btn-lg">提交</button>
						</form>
					</div>
					<div class="col-md-4 col-sm-4 contact-details scrollpoint sp-effect2">
						<div class="media">
							<a class="pull-left" href="#">
								<i class="fa fa-map-marker fa-2x"></i>
							</a>
							<div class="media-body">
								<h4 class="media-heading">中国X市X区长江路1号</h4>
							</div>
						</div>
						<div class="media">
							<a class="pull-left" href="#">
								<i class="fa fa-envelope fa-2x"></i>
							</a>
							<div class="media-body">
								<h4 class="media-heading">
									<a href="mailto:support@oleose.com">supportX@163.com</a>
								</h4>
							</div>
						</div>
						<div class="media">
							<a class="pull-left" href="#">
								<i class="fa fa-phone fa-2x"></i>
							</a>
							<div class="media-body">
								<h4 class="media-heading">0000 123456789</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<footer>
		<div class="container">
			<a href="#" class="scrollpoint sp-effect3">
				<img src="index/logo.png" alt="" class="logo">
			</a>

			<div class="rights">
				<p>Copyright © 2019.学习强校新闻站</p>
			</div>
		</div>
</footer>
</div>
<script src="index/jquery-1.10.2.js"></script><script src="index/jquery.min.js"></script>
<script src="index/bootstrap.min.js"></script>
<script src="index/slick.min.js"></script>
<script src="index/placeholdem.min.js"></script>
<script src="index/jquery.themepunch.plugins.min.js"></script>
<script src="index/jquery.themepunch.revolution.min.js"></script>
<script src="index/waypoints.min.js"></script>
<script src="index/scripts.js"></script>
<script>
	$(document).ready(function() {
		appMaster.preLoader();
	});
</script>

</body>
</html>